*{
    margin: 0;
    padding: 0;
    list-style: none;
}
body,
html,
#root {
  width: 100%;
  height: 100%;
}

.tou_page{
    width: 100%;
    height: 50px;
    background-color: aqua;
}


.main_page{
    width: 100%;
    height: calc(100vh - 50px);
    // background-color: aqua;
    display: flex;
}
.menu_left{
    width: 200px;
    height: 100%;
    background-color: red;
    overflow: hidden;
    overflow: scroll;
    scrollbar-width: none;
}
.main_center{
    width: 1250px;
    height: 100%;
    // background-color: pink;
}
.main_left{
    width: 100%;
    height: 200px;
    // background-color: palegreen;
    display: flex;
}
.main_left_zuo{
    width: 400px;
    height: 100%;
    background-color: #dcebfe;
    margin-left: 20px;
    border-radius: 15px;
}
.main_left_zuo_top{
    width: 100%;
    height: 100px;
    // background-color: palegreen;
}

.main_left_zuo_btm{
    width: 100%;
    height: 100px;
    // background-color: peru;
    .main_left_zuo_btm_p{
        width: 100%;
        height: 50px;
        // background-color: purple;
        Button{
            margin-left: 150px;
            color: #94612c;
            background-color: #e4a95e;
        }
    }
    .main_left_zuo_btm_p2{
        width: 90%;
        height: 40px;
        background-color: #f1f7ff;
        margin-top: 5px;
        margin-left: 20px;
        line-height: 40px;
        border-radius: 10px;
        text-align: center;
    }
}

.main_right{
    width: 700px;
    height: 100%;
    // background-color: aqua;
    margin-left: 30px;
    border: solid 1px #ccc;
    border-radius: 10px;
}
.main_right_top{
    width: 90%;
    height: 100px;
    // background-color: aqua;
    margin-left: 30px;
    display: flex;
}
.today_page{
    width: 300px;
    height: 100px;
    // background-color: peachpuff;
    border-radius: 10px;
    display: flex;
}
.today_page:hover{
    background-color: rgb(245,247,251);
}
.main_right_top_zuo{
    width: 140px;
    height: 80px;
    // background-color: palegoldenrod;
    border-right: solid 1px #ccc;
    margin-top: 10px;
}
.main_right_top_you{
    width: 120px;
    height: 80px;
    // background-color: palevioletred;
    margin-left: 20px;
    margin-top: 10px;
    display: flex;
    img{
        width: 30px;
        height: 30px;
        margin-top: 20px;
    }
    h4{
        margin-top: 23px;
    }
}

.main_right_btm{
    width: 90%;
    height: 100px;
    // background-color: powderblue;
    margin-left: 30px;
    p{
        line-height: 50px;
    }
}

.my_page{
    width: 100%;
    height: 300px;
    // background-color: aqua;
    margin-top: 30px;
}
.look_page{
    width: 100%;
    height: 40px;
    // background-color: red;
    display: flex;
     h3{
        width: 100px;
        height: 40px;
        // background-color: palegreen;
            line-height: 40px;
            margin-left: 30px;
        }
    ul{
        width: 400px;
        height: 40px;
        // background-color: palegoldenrod;
        display: flex;
       margin-left: 50px;
        li{
            width: 100px;
            height: 30px;
            background-color: rgb(245,247,251);
            margin-left: 50px;
            text-align: center;
            margin-top: 5px;
            border-radius: 20px;
            line-height: 30px;
        }
    }
    p{
        margin-left: 540px;
        line-height: 40px;
    }
}

.echart_page{
    width: 95%;
    height: 250px;
    // background-color: paleturquoise;
    margin-top: 10px;
    margin-left: 30px;
    display: flex;
    border: solid 1px #ccc;
}

.echart_left{
    width: 47%;
    height: 100%;
    // background-color: palegreen;
}
.echart_left_top{
    width: 95%;
    height: 60px;
    // background-color: red;
    margin-left: 20px;
    display: flex;
    h3{
        line-height: 60px;
    }
    p{
        line-height: 60px;
        margin-left: 10px;
        font-size: 14px;
        margin-top: 2px;
        color: #ccc;
    }
    Button{
        margin-left: 250px;
        margin-top: 10px;
    }
}
.echart_left_btm{
    width: 60%;
    height: 150px;
    // background-color: papayawhip;
    margin-left: 100px;
    margin-top: 30px;
    display: flex;
}
.echart_left_btm_zhou{
    width: 100px;
    height: 150px;
    // background-color: palevioletred;
    margin-right: 20px;
    p{
        text-align: center;
        line-height: 25px;
    }
}
.echart_yuan{
    width: 100px;
    height: 100px;
    background-color: rgb(242,243,245);
    border-radius: 50%;
    h2{
        margin-left: 40px;
        padding-top: 30px;
    }
}
.echart_right{
    width: 49%;
    height: 100%;
    // background-color: papayawhip;
    margin-left: 40px;
}